
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/jquery.fancybox-1.3.4.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery-1.7.2.min.js"></script>

        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/easypaginate.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <script type="text/javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
                $j(".saveN950").live("click",function(){
                    $j('.mesage').text('');
                    nv952 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv952").val();//dia chi
                    nv954 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv954").val();
                    nv955 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv955").val();
                    nv957 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv957").val();
                    nv967 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv967").val();
                    nv958 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv958").val();//tel 1
                    nv959 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv959").val();//tel 2
                       
                    nv960 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv960").val();//ghi chu
                       
                    nv961 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv961").val();//mobi 1
                    nv962 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv962").val();//mobi 2
                        
                    nv963 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv963").val();//mobi 3
                       
                    nv964 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv964").val();//fax 1
                    nv965 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv965").val();//fax 2
                       
                    nv966 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv966").val();//fax 3
                       
                    nv968 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv968").val();
                    nv969 = $j(this).parent(".popup-footer").prev(".popup-content").find(".nv969").val();
                        
                    pn950 = $j(this).attr("lang");
                        
                    fn100 = $j(this).parent(".popup-footer").attr("lang");
                    table = $j('#formN950V\\:table23').val();
                    showPleaseWait();
                    $j.post("postN950Ajax.jsp?action=updateN950Ajax&nv952="+nv952+"&nv954="+nv954+"&nv955="+nv955+"&nv957="+nv957
                        +"&nv967="+nv967+"&nv958="+nv958+"&nv959="+nv959+"&nv961="+nv961+"&nv962="+nv962+"&nv963="+nv963+"&nv964="+nv964+"&nv965="+nv965+"&nv966="+nv966+"&nv968="+nv968+"&nv969="+nv969+"&nv960="+nv960+"&pn950="+pn950+"&fn100="+fn100+"&nv962="+nv962+"&table1=abc&table="+table,function(data){
                        if(data != null){
                            if(nv952.length>0){
                                $j(".mesage").text("Cập nhật thành công !"); 
                            }else{
                                $j(".mesage").text("Cập nhật thất bại !"); 
                            }
                                
                            hidePleaseWait();
                        }
                    });
                });
                $j(".check_select1").live('click', function(){ 
                    
                    if($j(this).is(':checked')){ 
                        $j(".check_select1").attr('disabled',false);
                        var flagform2= '<c:out value="${customerExpand.flagForm}"/>';
                        iddd = $j(this).attr("lang");
                        $j('input[lang!='+iddd+'].check_select1').attr('checked',false);                   
                        $j(".mesage").text("");
                        showPleaseWait();
                        var cty = $j(this).parent().next().children().children().text();
                        var dchi = $j(this).parent().next().next().children().children().text();
                        var nn = $j(this).parent().next().next().next().children().children().text();
                       
                        if(flagform2==1){
                            PN100 = $j('#form-input-customerform\\:pn100').val(); 
                            $j.post("actionCustomerexpand.jsp?idEm=" + PN100 + "&iddd=" + iddd + "&cty=" + cty , function(data){                      
                                if(data!= null){
                                   
                                    $j(".mesage").text("Cập nhật thành công !");
                                    hidePleaseWait();
                                }
                            }); 
                        }else{
                            PN100 = $j('#form-input-customerform\\:pn100').val(); 
                            $j.post("actionCustomerexpand.jsp?idEm=" + PN100 + "&iddd=" + iddd + "&cty=" + cty , function(data){                      
                                if(data!= null){
                                    $j(".mesage").text("Cập nhật thành công !");
                                    hidePleaseWait();
                                }
                            });  
                        }
                        $j(this).attr('disabled',true);
                    }

                });
                $j('input#leavedate1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('.keysearch1').live('keyup',function(){
                    $j('.rich-table-row').hide();
                    $j('.rich-table-row').each(function(){
                        html = $j(this).html();
                        // alert( ununicode(html));  || html.indexOf( $j('.keysearch').val()) > -1
                        if(  html.indexOf( $j('.keysearch1').val()) > -1    )  {
                            $j(this).show();
                        }else{
                            $j(this).hide();
                        }

                    });
                });
                $j(".saveCustomerAJ").live("click",function(){
                    $j(".mesage").text("");
                    nv108 = $j(this).parent(".popup-footer").parent(".addEm").find(".nv108").children("option:selected").val();
                    nv102 = $j(this).parent(".popup-footer").parent(".addEm").find(".nv102").val();
                    nv127 = $j(this).parent(".popup-footer").parent(".addEm").find(".nv127").val();
                    nv107 =   $j("#formPesonal input[type='radio']:checked").val();                     
                    nv103 = $j(this).parent(".popup-footer").parent(".addEm").find(".nv103").val();
                    nd118 = $j(this).parent(".popup-footer").parent(".addEm").find(".nd118").val();
                    nv109 = $j(this).parent(".popup-footer").parent(".addEm").find(".nv109").children("option:selected").val();
                    fk300 = $j(this).parent(".popup-footer").parent(".addEm").find(".fk300").children("option:selected").val();
                    fk330 = $j(this).parent(".popup-footer").parent(".addEm").find(".fk330").children("option:selected").val();
                    fk100 = 0;
            
                    $j.post("actionCustomer.jsp?action=saveCustomerCOM&fk100="+fk100+"&nv108="+nv108+"&nv102="+nv102+"&nv103="+nv103+"&nv127="+nv127+"&nv107="+nv107+"&nd118="+nd118+"&nv109="+nv109+"&fn600=3&nn117=1&fk300="+fk300+"&fk330="+fk330+"",function(data){
                        if(data != null)      {
                            if(nv102==""){
                                $j(".mesage").text("Cập nhật không thành công !");
                            }else{
                                $j(".mesage").text("Cập nhật thành công !");
                            }
                            
                        }
                                 
                            
                    });
                });
                
                $j(".checkTourDD").live("change",function(){  
                     if($j(this).is(':checked')){ 
                     fv050 =   $j('#form-input-customerform\\:FV050EE').val();
                     PerDD =   $j('#form-input-customerform\\:PNDD').val();
                     pn1000 = $j(this).attr('lang');
                      showPleaseWait();
                     }
                     $j.post("actionN100forTour.jsp?action=checkpesonalforTour&FV050="+fv050+"&PN100="+PerDD+"&PN100E="+pn1000,function(data){
                            if(data!=null){
                              $j(".mesage").text("Cập nhật thành công !");
                              hidePleaseWait();
                            }
                       });
                    
//                    if($j(this).is(':checked')){ 
//                        pn100 = $j(this).attr("lang");         
//                        showPleaseWait();
//                        $j.post("actioncheckTour.jsp?action=checkTour&pn100="+pn100,function(data){
//                            if(data!= null){
//                                $j(".mesage").text("Cập nhật thành công !");
//                                hidePleaseWait();
//                            }
//                        });
//                    
//                    }
    
                });
                
                
                $j('.header-box').live('click', function(){ 
                    $j(".mesage").text("");
                    if($j(this).next('.customer-box').css('display') != 'none'){
                        return;
                    }else{
                        var PN100=$j('#form-input-customerform\\:pn100').val();
                        // alert(PN100);
                        if(PN100 != 0)
                        {
                            $j('.messa').hide();
                            $j('.customer-box').slideUp();                         
                            $j('.boder-bomttom').removeClass('boder-bomttom');
                            $j(this).next('.customer-box').slideDown();
                            $j(this).addClass('boder-bomttom');
                        } else{                        
                            $j('.messa').show();
                            $j(this).next('.customer-box').css('display') != 'none'
                        }
                           
                    }

                });
                // save kahc hang
                $j('.saveN100AJCUS').live('click',function(){
                    nv115 =$j(this).parents().parents().find('.nv115').children('option:selected').val();//tieu de(gioi tinh)
                    nv102 =$j(this).parents().parents().find('.nv102').val();
                    nv103 =$j(this).parents().parents().find('.nv103').val();
                    nv127 =$j(this).parents().parents().find('.nv127').val();
                    nd118 =$j(this).parents().parents().find('.nd118').val();
                    email =$j(this).parents().parents().find('.email').val();
                    mobi =$j(this).parents().parents().find('.mobi').val();
                    tel =$j(this).parents().parents().find('.tel').val();
                    nv130 =$j(this).parents().parents().find('.nv130').val();
                    fk300 =$j(this).parents().parents().find('.fk300').children('option:selected').val();
                    fk330 =$j(this).parents().parents().find('.fk330').children('option:selected').val();
                    fn100=$j(this).parents().parents().attr('lang');
                    fk100=$j('#form-input-customerform\\:fk100').val();
                    nn117=$j('#form-input-customerform\\:nn117').val();
                    fn600=$j('#form-input-customerform\\:FFN600').val();
                    fv050 =   $j('#form-input-customerform\\:FV050EE').val();
                    nguoidaidien =  $j('#form-input-customerform\\:PNDD').val();
                    showPleaseWait();
                    $j.post('actionCustomer.jsp?action=editCRM&personalDD='+nguoidaidien+'&FV050EEDD='+fv050+'&nv115='+nv115+'&nv102='+nv102+'&nv103='+nv103+'&nv127='+nv127+'&nd118='+nd118+'&email='+email+'&mobi='+mobi+'&tel='+tel+'&nv130='+nv130+'&fk300='+fk300+'&fk330='+fk330+'&fn100='+fn100+'&fk100='+fk100+'&nn117='+nn117+'&fn600='+fn600,function(data){
                        hidePleaseWait();
                        if(data>0){
                            $j('#form-input-customerform\\:pn100').val(data);
                            $j('.mesage').text("CẬP NHẬT THÀNH CÔNG !");
                        }else{
                            $j('.mesage').text("CẬP NHẬT THỨC BẠI !");
                        }
                    });
                });
                
                
                
                
                // save thogn tin lien lac
                $j('.contactN950').live('click',function(){
                    //  alert('Thong tin lien lac');
                    object = $j(this).next();
                                     
                    var pn100KH = $j('#form-input-customerform\\:pn100').val();                     
                    //  alert('Thong tin lien lac - pn100ED: '+pn100ED + " - pn100KH: "+pn100KH );
                       
                    $j.post("contactCRM.jsp?action=editajaxpage&pn100="+ pn100KH+"&table=N100", function(data){
                        if(data!=null){
                           
                            $j('.customer-boxcontact').html(data);
                        }
                        
                    });
                         
                        
                    
                });
                
                $j('.acountT025').live('click',function(){
                    $j(".mesage").text("");
                    object = $j(this).next();
                    var pn100KH = $j('#form-input-customerform\\:pn100').val();         
                    $j.post("accountCRM.jsp?action=editajaxpage&pn100="+pn100KH+"&tv026=N100",function(data){
                        $j('.customer-boxacount').html(data);
                    }) ;
                    
                });
                
                $j('.customerK100').live('click',function(){
                    $j(".mesage").text("");
                    object = $j(this).next();
                    var pn100KH = $j('#form-input-customerform\\:pn100').val();  
                    $j.post("customerdemo.jsp?action=editEmp&pn100="+ pn100KH+"&table=formload&pt025=1&itemid=N100", function(data){
                        $j('.customer-boxcustomer').html(data);
                    });
                    
                });
                
                $j('.infoN350').live('click',function(){
                    $j(".mesage").text("");
                    object = $j(this).next();
                    var pn100KH = $j('#form-input-customerform\\:pn100').val(); 
                    $j.post("passportCRM.jsp?action=editajaxpage&pn100="+ pn100KH, function(data){
                        $j('.customer-boxN350').html(data);
                    });
                    
                });
                $j('.companyCRM').live('click',function(){
                    object = $j(this).next();
                    var pn100KH = $j('#form-input-customerform\\:pn100').val();   
                    $j.post("companyCRM.jsp?action=editajaxpage&pn100="+ pn100KH, function(data){
                        $j('.customer-companyCRM').html(data);
                    }) ;
                    
                }); 

            });
          
          
            $j(".buttonsave1").live('click', function(){
                $j(".mesage").text("");
                $j(".research").css('display','none');
                $j(".fromcareww").css('display','block');
                $j(".fromtim").css('display','none');
                $j(this).css('display','none');
                $j(".buttonsave2").css('display','block');
            });
            $j(".buttonsave2").live('click', function(){
                $j(".mesage").text("");
                $j(".research").css('display','block');
                $j(".fromcareww").css('display','none');
                $j(".fromtim").css('display','block');
                $j(this).css('display','none');
                $j(".buttonsave1").css('display','block');
            });
            
            
            $j(".buttonsearch").live('click', function(){
                $j(".research").show();
            });
            
            
            

        </script>

        <style type="text/css">
            .add_tabn{
                display: none !important;
            }
            .add_tabtn{
                display: none !important;
            }
            .add_tabfn{
                display: none !important;
            }
            .desnote{
                width: 521px;
            }
            .selectTour{
                width: 146px;
            }
            .labelnote{
                width: 160px !important;
            }
            .contentnote{
                width: 482px !important;
            }
            .keysearch1{
                margin-bottom: 5px;
            }
            .greyRow{
                background: #E0EFFC;
            }
            .rich-table-cell{
                width: 10px;
            }
            .buttonsearch{
                background: url("../images/btn_search.png") repeat-x scroll 0 0 transparent;
                border: 0 none;
                color: #FFFFFF;
                cursor: pointer;
                height: 30px;
                text-transform: uppercase;
                width: 18px;
            }
            .fromcareww{
                display: none;
                margin-top: 26px;
            }
            .research{

                float: left;
                width:99.8%;
                height: auto;
                margin-bottom: 10px;
            }
            .buttonsave1 {
                background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
                border: 0 none;
                color: white;
                cursor: pointer;
                float: left;
                font-size: 10px;
                font-weight: bold;
                height: 13px;
                margin-bottom: 5px;
                margin-left: 11px;
                padding: 4px 7px;
                text-transform: uppercase;
                width: auto;
            }
            .buttonsave2 {
                background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
                border: 0 none;
                color: white;
                cursor: pointer;
                float: left;
                font-size: 10px;
                font-weight: bold;
                height: 13px;
                display: none;
                margin-left: 11px;
                padding: 4px 7px;
                text-transform: uppercase;
                width: auto;
                margin-bottom: 5px;
            }
            .form-left .fields_input label{
                width: 150px !important;
            }
            .form-left{
                width: 48% !important;
            }
            .form-right{
                width: 50% !important;
            }

            .popup-content .main_content .form_item_content .edit_form_right{
                height: 170px;
            }
            .rich-table-subheadercell{
                background:  none repeat scroll 0 0 #4884B5;
                color: white;
                font-weight: normal;
            }
            .blue{
                background: #E0EFFC;
            }
            .white{
                backgroun:#FFFFFF;
            }
            .addEm{

            }
            .form-right .fields_input label{
                width: 150px;
                font-size: 13px;
            }
            .form-left .fields_input label{
                width: 150px;
                font-size: 13px;
            }
            .mesage{
                font-size: 14px;
            }
            .boder-bomttom{
                margin-left: 0px !important;
                width: 754px !important;
            }
            .customer-box{
                margin-left: 14px !important;
                width: 729px !important;
                padding: 10px 0 10px !important;
            }
            .header-box{
                margin-left: 14px !important;
                width: 725px !important;
            }

            .popup-content .main_content .form_item_content{
                margin-top: 0px !important;
            }
            .buttonsearch12 {
                background: url("../images/btn_search.png") no-repeat scroll 7px 4px white;
                border: 0 none;
                color: #FFFFFF;
                cursor: pointer;
                float: left;
                height: 20px;
                margin-left: 682px;
                margin-top: 1px;
                position: absolute;
                text-transform: uppercase;
                width: 28px;}
            .addTour1{
                background: url("../images/icon_addTour.png") repeat scroll 0 0 transparent;
                border-radius: 3px 3px 3px 3px;
                float: left;
                height: 22px;
                margin-left: 10px;
                margin-right: -140px;
                margin-top: 0;
                position: relative;
                width: 27px;
            }
        </style>
    </head>

    <a4j:form id="form-input-customerform" >
        <div class="find" style="background:#fff;height:421px;display:block; ">

            <div style="clear: both;" ></div>
            <div class="main_content" style="height:356px;">

                <div class="search_char" style="float:left;width:600px;height:30px;padding:8px 0px 0px 10px;">
                    <h:inputText value="#{v030Controller.keysearch}" onfocus="if(this.value=='#{k400Controller.keysearch}') this.value='';" styleClass="keysearch"  style="width:393px;"/>
                    <h:commandButton      action="#{v030Controller.reload}" value="" style="margin-left:-27px;" styleClass="buttonsearch12">
                    </h:commandButton>
                    <div class="returnAdd addTour1" >

                    </div>
                </div>
                <div style="clear:both;"></div>
                <div class="list_customer" style="width:748px; height:308px; overflow-y:auto; overflow-x: hidden; border: solid; border-width: 1px; border-color: rgb(222,222,222);">
                    <rich:dataTable value="#{v030Controller.listsearchDD}" var="cus"
                                    rows="50"
                                    style=" margin-left:10px;" rowClasses="blue,white"

                                    width="722px" columnClasses=",columns,columns,columns" rowKeyVar="row"
                                    id="table" styleClass="machinePosDataTable">

                        <rich:column style="width:40px; text-align:center">
                            <f:facet name="header">
                                <h:outputText value="#{locale.select}" />
                            </f:facet>
                            <h:selectBooleanCheckbox value="#{cus.selected}" styleClass="checkTourDD" lang="#{cus.pn100}"/>
                        </rich:column>
                        <rich:column style="width:120px;">
                            <f:facet name="header">
                                <h:outputText value="#{locale.frist_lastname}" />
                            </f:facet>
                            <div style="width:120px;">
                                <h:outputText value="#{cus.hoten}" />
                            </div>
                        </rich:column>

                        <rich:column width="80px">
                            <f:facet name="header">
                                <h:outputText value="#{locale.identification}" />
                            </f:facet>

                            <div style="width:80px;">
                                <h:outputText value="#{cus.nv109}" />
                            </div>
                        </rich:column>


                        <rich:column  width="160px">
                            <f:facet name="header">
                                <h:outputText value="#{locale.email}" />
                            </f:facet>

                            <div style="width:160px;">
                                <h:outputText value="#{cus.nv105}" />
                            </div>
                        </rich:column>
                        <rich:column  width="80px">
                            <f:facet name="header">
                                <h:outputText value="#{locale.telephone}" />
                            </f:facet>

                            <div style="width:80px;">
                                <h:outputText value="#{cus.dt}" />
                            </div>
                        </rich:column>



                        <rich:column  style="width:auto">
                            <f:facet name="header">
                                <h:outputText value="#{locale.address}" />
                            </f:facet>
                            <div style="width:auto;">
                                <h:outputText value="#{cus.nv112}" />
                            </div>

                        </rich:column>
                        <f:facet name="footer">

                        </f:facet>
                    </rich:dataTable>
                </div>
                <rich:datascroller id="ds" for="table" style="margin-top: 10px;"></rich:datascroller>
            </div>

        </div>

        <div class="addMain" style="background:#fff;height:580px;display:none; ">    


            <div class="addEm" style="float: left;">
                <span class="header-box boder-bomttom"><h:outputText value="#{locale.job_info}"/>
                    <div class="returnFind" style="height: 25px;position:relative; float:right; margin-left: 24px; width: 68px; height:23px;background:url('../images/bg_submit.gif'); border-radius: 3px;margin-top:-4px;">
                        <p style="position:relative; margin-left:14px;font-size: 12px;font-weight: bold; color: #fff;margin-top: 4px;cursor: pointer;"> TRỞ VỀ</p>
                    </div>
                </span>
                <div class="customer-box" style="" lang="<h:outputText value="#{CustomerBean.pn100}"/>">
                    <h:inputHidden id="PN100ID" value="#{customerExpand.PN100}"/>
                    <h:panelGroup>                                   
                        <div class="form-left">
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.title}:"/></label>
                                <h:selectOneMenu  value="#{CustomerBean.nv108}" styleClass="nv115">  
                                    <f:selectItems value="#{CustomerBean.selectItems}" />  
                                </h:selectOneMenu>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.fname}"/>*:</label>&nbsp;
                                <h:inputText value="#{CustomerBean.nv102}" onkeyup="this.value=this.value.toUpperCase();" id="firstname" styleClass="required nv102">                                      
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="Chữ lót"/>*:</label>&nbsp;
                                <h:inputText value="#{CustomerBean.nv127}" onkeyup="this.value=this.value.toUpperCase();"  styleClass="required nv127">                                      
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.lname}"/>*:</label>&nbsp;                                     
                                <h:inputText value="#{CustomerBean.nv103}" onkeyup="this.value=this.value.toUpperCase();" id="lastname" lang="firstname" styleClass="required nv103"></h:inputText>
                            </div>
                            <div class="fields_input">                                       
                                <label><h:outputText value="#{locale.dateBorn}"/>*:</label>&nbsp;
                                <input type="text" id="leavedate1" name="leavedate1"  class="input_fields required date nd118"  
                                       value="<h:outputText value="#{CustomerBean.nd118}"> <f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>"/>

                            </div>
                        </div>

                        <div class="form-right">

                            <div class="fields_input">
                                <label><h:outputText value="#{locale.email}"/>:</label>&nbsp;
                                <h:inputText value="#{CustomerBean.email}"   styleClass="required email">                                      
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.mobile}"/>:</label>&nbsp;
                                <h:inputText value="#{CustomerBean.mobi}"   styleClass="required mobi">                                      
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.tel}"/>:</label>&nbsp;
                                <h:inputText value="#{CustomerBean.tel}"   styleClass="required tel">                                      
                                </h:inputText>

                            </div>

                            <div class="fields_input">
                                <label><h:outputText value="Nguồn thông tin" />:</label>&nbsp;
                                <h:selectOneMenu value="#{CustomerBean.FK300}" styleClass="fk300">
                                    <f:selectItems value="#{CustomerBean.listComboK300}"/>
                                </h:selectOneMenu>
                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="Trạng thái" />:</label>&nbsp;
                                <h:selectOneMenu value="#{CustomerBean.FK330}" styleClass="fk330">
                                    <f:selectItems value="#{CustomerBean.listComboK330}"/>
                                </h:selectOneMenu>
                            </div>

                        </div>
                        <div style="width:94%;float:left;margin-left: 60px;">
                            <label style="margin-top:10px;"><h:outputText value="#{locale.notice1}" />:</label>
                            <h:inputTextarea value="#{CustomerBean.notice}" cols="20" styleClass="nv130" style="margin-top:8px;margin-left: 9px;width: 521px;" ></h:inputTextarea>
                        </div>
                        <%-- <div style="float: left;margin-left: 15px;width:90%">
                    <div class="fields_input">
                        <label> <h:outputText value="#{locale.customertype}"/>:</label>
                        <h:selectOneRadio value="#{CustomerBean.ni104}" styleClass="select_cus" id="select_cus_ck" style="width:228px;" >
                            <f:selectItem  itemValue="1" itemLabel="#{locale.customer_tt}"/> 
                            <f:selectItem id="tn" itemValue="0" itemLabel="#{locale.customer_tn}"  />
                        </h:selectOneRadio>
                    </div>
</div>--%>
                        <div class="popup-footer" style=" height: 35px !important;">
                            <div class="mesage" style="float: left;margin-left: 183px;text-align: center;"></div>
                            <div  class="buttonsave saveN100AJCUS">
                                <h:outputText value='#{locale.save}' style="margin-right:22px;"/>
                            </div>  
                            <h:inputHidden id="FFN600" value="#{CustomerBean.FN600}" />
                            <h:inputHidden id="fk100" value="#{CustomerBean.fk100}" /> 
                            <h:outputText value="#{CustomerBean.message}" id="mesage3" styleClass="mesage"/>
                            <%--    <a4j:commandButton onclick="showPleaseWait();"  action="#{CustomerBean.saveCustomer}"  oncomplete="hidePleaseWait();$j('.messa').text('');"  styleClass="buttonsave savewait" value="#{locale.save}" reRender="lang,mesage3,pn100,formcompany">

                                    </a4j:commandButton>--%>
                            <h:inputHidden value="#{CustomerBean.flag}" id="flag" />
                            <h:inputHidden value="#{CustomerBean.pn100}" id="pn100" />
                            <h:inputHidden value="#{CustomerBean.editpage}" id="editpage"/>
                            <%--<h:inputHidden value="#{CustomerBean.sendPage}" id="sendPage" />--%>
                            <h:inputHidden value="#{CustomerBean.fn850}" id="fn850" />
                            <h:inputHidden value="#{CustomerBean.nv113}" id="nv113" />                                       
                            <h:inputHidden value="#{CustomerBean.ni105}" id="ni105" />
                            <h:inputHidden value="#{CustomerBean.nn117}" id="nn117" />
                            <h:inputHidden value="#{v030Controller.FV050}" id="FV050EE" />
                            <h:inputHidden value="#{v030Controller.PV030}" id="PNDD" />


                        </div>


                    </h:panelGroup>                          
                    <!-- End List Content-->
                </div> 

                <span class="header-box infoN350" ><h:outputText value="#{locale.papers_person}"/></span>
                <div class="customer-box" style="display:none">
                    <div class="customer-boxN350">
                        <!-- Danh cho from contact N950 ------------------------------------------>
                    </div>
                </div>
                <h:panelGroup id="contact" >
                    <span class="header-box contactN950"><h:outputText value="#{locale.contact_info}"/></span>
                    <div class="customer-box" style="display:none;">
                        <div class="customer-boxcontact">

                        </div>
                    </div>
                </h:panelGroup>
                <!-- end giay to tuy than -->

                <h:panelGroup id="account">
                    <span class="header-box acountT025" ><h:outputText value="#{locale.bank_account}"/></span>

                    <div class="customer-box" style="display:none">

                        <div class="customer-boxacount">
                            <!-- Danh cho from contact N950 ------------------------------------------>
                        </div>
                    </div>
                </h:panelGroup>

                <h:panelGroup id="accountnoibo">
                    <span class="header-box customerK100"><h:outputText value="#{locale.orther_info}"/></span>

                    <div class="customer-box" style="display:none">

                        <div class="customer-boxcustomer">
                            <!-- Danh cho from contact N950 ------------------------------------------>
                        </div>
                    </div>
                </h:panelGroup>

                <h:panelGroup>
                    <span class="header-box companyCRM"><h:outputText value="#{locale.company}"/></span>
                    <div class="customer-box " style="display:none">
                        <div class="customer-companyCRM">
                            <!-- Danh cho from contact comnpoay ------------------------------------------>
                        </div>
                    </div>
                </h:panelGroup>
                <div class="messa" style=" margin-left: 89px;margin-top: 368px !important;">                                
                    <h:outputText id="message" value="#{locale.please_save_customer}" style=" font-size:12px;display:none;margin-left:200px;color:red;font-weight:bold;font-style:italic;" styleClass="messa"/>


                </div>

                <div class="popup-footer" style="padding-top: 4px;">

                    <div class="buttonsave" onclick="self.parent.location='customer4tour.jsp'"  ><span><h:outputText value="#{locale.close}"/></span></div>
                </div>
            </div>

        </div>
        <div class="popup-footer action" style="padding-top: 4px;">
            <h:inputHidden value="#{v030Controller.FV050}" id="FV050"/>
            <h:inputHidden value="#{v030Controller.tipTour}" id="tipTour"/>
            <label style="color:red; margin-left: 320px;"><div class="mesage"></div> </label>
            <div class="buttonsave" onclick="self.parent.location='customer4tour.jsp?status=T&pv050=<h:outputText rendered="#{v030Controller.tipTour!=0}" value="#{v030Controller.tipTour}"/><h:outputText rendered="#{v030Controller.tipTour==0}" value="#{v030Controller.FV050}"/>'"  ><span><h:outputText value="#{locale.close}"/></span></div>

            <%-- <h:commandButton onclick="showPleaseWait();"    action="#{v030Controller.saveSelected}" value="#{locale.save}" styleClass="buttonsave3">

</h:commandButton> --%>


            <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                             height="30" width="40" zindex="2000">
                <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
            </rich:modalPanel>

        </div>
    </a4j:form>
    <script type="text/javascript" language="javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){
                      
               
        });
    </script>